*{
    padding:0px;
    margin:0px
}

.background{
    width:1519.55px;
    height:1200px;
    background-image:url(../image/index-background.jpeg);
    background-size:cover;
    /* position:fixed; */
}

.white-background{
    background-color:#ffffff;
    width:900px;
    height:1000px;
    position:relative;
    position:absolute;
    top:8px;
    right:220px;
    box-shadow: 10px 5px 20px rgba(255,255,255,0.7);
    display:flex;
    flex-direction:column;
    align-items:center;
    border-radius:17px;
}

.head-img{
    position:relative;
    position:absolute;
    top:50px;
    right:1190px;
    border-radius:50%;
    box-shadow:10px 5px 30px rgba(0,0,0,0.5);
}

.headimg-bottom-text{
    color:#000;
    position:relative;
    position:absolute;
    top:250px;
    right:1170px;
    display:flex;
    flex-direction:row;
}

.headimg-bottom-text li{
    margin-right:25px;
    font-size:18px;
    font-weight:130;
}

.headimg-bottom-dig{
    color:rgba(250,250,250,0.6);
    /* position:relative; */
    /* position:absolute;
    top:280px;
    right:1257px; */
    display:flex;
    flex-direction:row;
    font-size:17.7px;
}

.dig-l1{
    position:relative; 
    position:absolute;
    top:280px;
    right:1328px;
}

.dig-l2{
    position:relative; 
    position:absolute;
    top:280px;
    right:1268px;
}

.dig-l3{
    position:relative; 
    position:absolute;
    top:280px;
    right:1207px;
}

.nav-ul{
    width:220px;
    height:290px;
    position:relative;
    position:absolute;
    top:310px;
    right:1160px;
    text-align:center;
}

.nav-ul li a{
    text-decoration:none;
    color:rgba(249,249,249,0.7);
    font-size:19px;
}

#no{
    background-color:#ff5d78;
    width:80px;
    overflow:hidden;
    padding:8px;
    border-radius:8px;
    box-shadow:10px 5px 20px rgba(0,0,0,0.3);
}

.nav-ul li{
    margin:25px;
}

.nav-ul .yes:hover{
    background-color:rgba(0,0,0,0.1);
    border-radius:8.5px;
    padding:8px;
}

.my-img{
    position:relative;
    position:absolute;
    top:-37px;
    right:-930px;
    border-radius:15px;
}

.myimg-bottom{
    background:linear-gradient(to top, rgba(0,0,0,0.5), transparent);
    width:847px;
    height:130px;
    position:relative;
    position:absolute;
    right:-929px;
    top:320px;     
    border-radius:15px;
}

.text-about{
    color:#ffffff;
    position:relative;
    position:absolute;
    top:360px;
    right:-200px;
    font-weight:bold;
    font-size:45px;
}

.time{
    background-color:#ffe5e9;
    height:auto;
    padding:8px;
    color:#ff4e6a;
    border-radius:15px;
    position:relative;
    position:absolute;
    top:510px;
    right:947px;
}

.text-1{
    color:#000000;
    position:relative;
    position:absolute;
    top:570px;
    right:220px;
}

.text-1-title{
    margin-top:25px;
}

.text-1-text,.text-1-title{
    margin-left:20px;
}

.text-1-hr{
    color:rgba(0,0,0,0.05);
    margin-top:13px;
}

.text-1-hr-box{
    background-color:#ff4e6a;
    height:8px;
    width:32px;
    position:relative;
    position:absolute;
    top:97px;
    /* right:1070px; */
    right:785px;
    border-radius:15px;
    transition:width 2s;
    -webkit-transition:width 2s;
}

.text-1-hr-box:hover{
    width:100px;
}

.text-2-text1{
    position:relative;
    position:absolute;
    top:697px;
    right:570px;
}

.text-2-text2{
    position:relative;
    position:absolute;
    top:740px;
    right:669px;
}

.text-2-text-red:hover{
    text-decoration:underline;
}

.text-2-text-red{
    text-decoration:none;
    color:#ff4e6a;
}

.text-2-text3{
    position:relative;
    position:absolute;
    top:768px;
    right:818px;
}

.text-2-text4{
    position:relative;
    position:absolute;
    top:795px;
    right:443px;
}